<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div id="usage">
	<ul>
		<li>
			<div class="title">内存</div>
			<div class="bar">
				<div class="progress">
					<div class="progress-bar progress-bar-info" role="progressbar"
						aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"
						style="width: 50%"></div>
				</div>
			</div>
			<div class="desc">4GB of 8GB</div>
		</li>
		<li>
			<div class="title">CPU</div>
			<div class="bar">
				<div class="progress">
					<div class="progress-bar progress-bar-success" role="progressbar"
						aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
						style="width: 25%"></div>
				</div>
			</div>
			<div class="desc">250GB of 1TB</div>
		</li>
		<li>
			<div class="title">硬盘</div>
			<div class="bar">
				<div class="progress">
					<div class="progress-bar progress-bar-warning" role="progressbar"
						aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
						style="width: 70%"></div>
				</div>
			</div>
			<div class="desc">700GB of 1TB</div>
		</li>
		<li>
			<div class="title">带宽</div>
			<div class="bar">
				<div class="progress">
					<div class="progress-bar progress-bar-danger" role="progressbar"
						aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"
						style="width: 90%"></div>
				</div>
			</div>
			<div class="desc">90TB of 100TB</div>
		</li>
	</ul>
</div>